.my-button-sm {
    display: flex;
   
    width: 262px;
    height: 110px;
    background: url(./btn.png);
    background-size: 100% 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    // flex-shrink: 0;
    .text-btn();

    &.active {
        background: url(./btn-active.png);
        background-size: 100% 100%;

    }
    &.y{
        background: url(./btn-y.png);
        background-size: 100% 100%;
    }
    &.sm{
        width: 180px;
        height: 90px;
    }

    &.disabled {
        pointer-events: none;
        /* 禁止点击事件 */
        opacity: 0.8;
        /* 可选：设置透明度以表示禁用状态 */
    }

    .text {

        // 字体间距
        letter-spacing: 5px;
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        // text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.7);
        /* 黑色阴影 */

    }

}